/**
 * xonokai theme for JavaScript, CSS and HTML
 * based on: https://github.com/MoOx/sass-prism-theme-base by Maxime Thirouin ~ MoOx --> http://moox.fr/ , which is Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * license: MIT; http://moox.mit-license.org/
 * Copied from  https://github.com/PrismJS/prism-themes/blob/master/themes/prism-duotone-forest.css
 */

/* stylelint-disable selector-max-class */

$code-text-color: #76d9e6;
$code-bg-color: #2a2a2a;

@mixin style {
  div[class*='language-'] pre {
    box-shadow: 1px 1px 0.3em -0.1em #000 inset;

    // tab size
    tab-size: 2;

    ::selection {
      background: #435643;
    }
  }

  .token.namespace {
    opacity: 0.7;
  }

  .token.comment,
  .token.prolog,
  .token.doctype,
  .token.cdata {
    color: #6f705e;
  }

  .token.operator,
  .token.boolean,
  .token.number {
    color: #a77afe;
  }

  .token.attr-name,
  .token.string {
    color: #e6d06c;
  }

  .token.entity,
  .token.url,
  .language-css .token.string,
  .style .token.string {
    color: #e6d06c;
  }

  .token.selector,
  .token.inserted {
    color: #a6e22d;
  }

  .token.atrule,
  .token.attr-value,
  .token.keyword,
  .token.important,
  .token.deleted {
    color: #ef3b7d;
  }

  .token.regex,
  .token.statement {
    color: #76d9e6;
  }

  .token.placeholder,
  .token.variable {
    color: #fff;
  }

  .token.important,
  .token.statement,
  .token.bold {
    font-weight: bold;
  }

  .token.punctuation {
    color: #bebec5;
  }

  .token.entity {
    cursor: help;
  }

  .token.italic {
    font-style: italic;
  }

  .language-markup {
    color: #f9f9f9;
  }

  .language-markup .token.tag {
    color: #ef3b7d;
  }

  .language-markup .token.attr-name {
    color: #a6e22d;
  }

  .language-markup .token.attr-value {
    color: #e6d06c;
  }

  .language-markup .token.style,
  .language-markup .token.script {
    color: #76d9e6;
  }

  .language-markup .token.script .token.keyword {
    color: #76d9e6;
  }
}
